<include file='Index/header'/>

<include file='Index/left'/>

<script language="javascript" type="text/javascript" src="__PUBLIC__/My97DatePicker/WdatePicker.js"></script>


<div class="content">

    <div class="header">

        <h1 class="page-title">充值记录</h1>
    </div>

    <ul class="breadcrumb">
        <li><a href="#">首页</a> <span class="divider">/</span></li>
        <li class="active">充值记录</li>
    </ul>

    <div class="container-fluid">
        <div class="row-fluid">

            <div class="btn-toolbar">


                <div class="btn-group">
                </div>
            </div>
            <form action="" method="post">

                充值时间： <input type="text"  class="form-control" name="wtime" class="Wdate"
                             onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" id="firstname" readonly="readonly">
                ~<input type="text" class="form-control"  name="ntime" class="Wdate"
                        onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" id="lastname" readonly="readonly">

                <input name="submit" class="btnGray" type="submit" value="筛选"/>
            </form>
            <table class="table table-bordered">
                <caption>&nbsp;</caption>
                <caption>
                    交易统计
                </caption>
                <thead>
                <tr>
                    <th colspan="4">统计区间{$wtime}--{$ntime}</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>总计金额：{$zsum}</td>
                    <td>充值笔数：{$zcount}</td>
                    <td>充值金额{$psum}</td>
                    <td>赠送金额{$fsum}</td>
                </tr>


                </tbody>
            </table>
            <div class="well">
                <table class="table table-striped" id="tab" data-sortable>
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>联系人</th>
                        <th>电话</th>

                        <th>充值金额</th>
                        <th>赠送金额</th>
                        <th>充值时间</th>
                    </tr>
                    </thead>
                    <tbody>
                    <volist name="cz" id="vo">
                        <tr>
                            <td>{$vo.id}</td>
                            <td width='60px;'>{:get_username($vo['openid'])}</td>
                            <td width='100px;'>{:get_usertel($vo['openid'])}</td>

                            <td>{$vo['price']}</td>
                            <td>{$vo['free']}</td>
                            <td width='150px;'>{$vo['addtime']|date='Y-m-d H:i:s',###}</td>

                        </tr>

                    </volist>

                    </tbody>
                </table>
            </div>

            <div class="pagination">
                <ul>
                    {$page}

                </ul>
            </div>

            <button type="button" class="close" data-dismiss="alert">×</button>
            <h4>Ver:</h4> 1.0.0
        </div>
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
             aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close"
                                data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalLabel">
                            线路信息
                        </h4>
                    </div>
                    <div>
                        <div id='listsp'></div>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        <div class="modal fade" id="myModal2" tabindex="-1" role="dialog"
             aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close"
                                data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalLabel">
                            订单信息
                        </h4>
                    </div>
                    <div>
                        <div id='listsp2'></div>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>

        <script>
            function kcshow(bcbh, fs) {
                $.ajax({
                    type: "POST",
                    url: "__CONTROLLER__/kcshow",

                    cache: false,
                    data: {
                        kcname: bcbh,
                        fs: fs

                    },

                    success: function (data) {

                        $('#listsp').html(data);
                        $('#myModal').modal('show');
                        $('#myModal').modal().css({
                            width: '800px',
                            height: '550px',
                            'margin-left': function () {
                                return -($(this).width() / 2);
                            }
                        });
                    }


                });


            }

            function bcshow(bcbh) {
                $.ajax({
                    type: "POST",
                    url: "__CONTROLLER__/bcshow",

                    cache: false,
                    data: {
                        bcbh: bcbh,


                    },

                    success: function (data) {

                        $('#listsp2').html(data);
                        $('#myModal2').modal('show');
                        $('#myModal2').modal().css({
                            width: '800px',
                            height: '550px',
                            'margin-left': function () {
                                return -($(this).width() / 2);
                            }
                        });
                    }


                });


            }
        </script>
        <include file='Index/footer'/>